<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/icon.css">
    <title>网易严选</title>
</head>
<body>
    <div class="container">
        <!-- 标题区域 -->
        <div class="title">
            <div class="outer_center">
                <!-- 标题左边 -->
                <div class="title_left">
                    <img src="https://yanxuan.nosdn.127.net/d132c2561f18f1149d566a60d05fd9b7.gif" alt="">
                    <!-- 左侧轮播 -->
                    <div class="left_lunbo_view">
                        <ul class="title_left_lunbo">
                            <li>关于新疆部分地区寄管控通知</li>
                            <li>关于响应国家全面推广电子普通发票的公告</li>
                            <li>关于包邮政策变更的说明</li>
                        </ul>
                    </div>
                </div>
                <!-- 标题右边 -->
                <div class="title_right">
                    <ul>
                        <li><div><a href="">登录/注册</a></div></li>
                        <li><div><a href="">我的订单</a></div></li>
                        <li><div><a href="">会员</a></div></li>
                        <li><div><a href="">甄选家</a></div></li>
                        <li class="firm_buy">
                            <div><a href="">企业采购</a><i class="iconfont icon-down2"></i> </div>
                            <ul>
                                <li>企业购</li>
                                <li>礼品卡</li>
                                <li>联系我们</li>
                            </ul>
                        </li>
                        <li class="firm_buy">
                            <div><a href="">客户服务</a><i class="iconfont icon-down2"></i></div>
                            <ul>
                                <li>在线客服</li>
                                <li>帮助中心</li>
                                <li>商务合作</li>
                                <li>开放平台</li>
                            </ul>
                        </li>
                        <li class="firm_buy">
                            <div><a href=""><i class="iconfont icon-shouji1"></i>APP</a></div>
                            <ul>
                                <li style="border-bottom: none;padding-bottom: 0;"><img src="../img/2.二维码.png" alt=""></li>
                                <li><span>下载领大额新人红包</span></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>    

        <!-- 头部区域 -->
        <div class="head">
            <div class="head_left">
                <img src="../img/1.网易严选logo.png" alt="">
            </div>
            <div class="head_search">
                <div class="search_top">
                    <div class="search_top_left">
                        <i class="iconfont icon-icon-test"></i>
                        <input type="text" placeholder="好货内部价">
                        <span class="search_text">搜索</span>
                    </div>
                </div>
                <div class="search_bottom">
                    <!-- 搜索区底部轮播 -->
                    <div class="search_bottom_lunbo">
                        <div class="search_bottom_lunbo1">
                            <ul>
                                <li>美食满139减20 <span>|</span></li>
                                <li>领消暑神劵 <span>|</span></li>
                                <li>口罩专区 <span>|</span></li>
                                <li>乳胶折叠床垫低至￥619</li>
                            </ul>
                        </div>
                        <div class="search_bottom_lunbo2">
                            <ul>
                                <li>乳胶折叠床垫低至￥619 <span>|</span></li>
                                <li>美食满139减20 <span>|</span></li>
                                <li>领消暑神券 <span>|</span></li>
                                <li>口罩专区</li>
                            </ul>
                        </div>
                        <div class="search_bottom_lunbo3">
                            <ul>
                                <li>口罩专区 <span>|</span></li>
                                <li>领消暑神劵 <span>|</span></li>
                                <li>乳胶折叠床垫低至￥619 <span>|</span></li>
                                <li>美食满139减20</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="head_right">
                <i class="iconfont icon-gouwuchezhengpin"></i>
                <span>购物车</span>
                <div class="circle">0</div>
            </div>
        </div>

        <!-- 导航 -->
        <div class="nav_outer">
            <div class="nav">
                <ul>
                    <!-- 首页 -->
                    <li><div><a href="">首页</a></div></li>
                    <!-- 居家生活 -->
                    <li class="nav_goods">
                        <div><a href="">居家生活</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>口碑好物</div></li>
                                <li><img src="../img/口碑好物.webp" alt=""><div>口碑好物</div></li>
                                <li><img src="../img/抑菌防螨.webp" alt=""><div>抑菌防螨</div></li>
                                <li><img src="../img/春夏好物.webp" alt=""><div>春夏好物</div></li>
                                <li><img src="../img/主题床品.webp" alt=""><div>主题床品</div></li>
                                <li><img src="../img/北欧原木.webp" alt=""><div>北欧原木</div></li>
                                <li><img src="../img/餐厨爆款清单.webp" alt=""><div>餐厨爆款清单</div></li>
                            </ul>
                            <ul>
                                <li><div>床上用品</div></li>
                                <li><img src="../img/床品件套.webp" alt=""><div>床品件套</div></li>
                                <li><img src="../img/被枕盖毯.webp" alt=""><div>被枕盖毯</div></li>
                                <li><img src="../img/床垫床褥.webp" alt=""><div>床垫床褥</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 服饰鞋包 -->
                    <li class="nav_goods">
                        <div><a href="">服饰鞋包</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 美食酒水 -->
                    <li class="nav_goods">
                        <div><a href="">美食酒水</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>口碑好物</div></li>
                                <li><img src="../img/口碑好物.webp" alt=""><div>口碑好物</div></li>
                                <li><img src="../img/抑菌防螨.webp" alt=""><div>抑菌防螨</div></li>
                                <li><img src="../img/春夏好物.webp" alt=""><div>春夏好物</div></li>
                                <li><img src="../img/主题床品.webp" alt=""><div>主题床品</div></li>
                                <li><img src="../img/北欧原木.webp" alt=""><div>北欧原木</div></li>
                                <li><img src="../img/餐厨爆款清单.webp" alt=""><div>餐厨爆款清单</div></li>
                            </ul>
                            <ul>
                                <li><div>床上用品</div></li>
                                <li><img src="../img/床品件套.webp" alt=""><div>口碑好物</div></li>
                                <li><img src="../img/被枕盖毯.webp" alt=""><div>抑菌防螨</div></li>
                                <li><img src="../img/床垫床褥.webp" alt=""><div>春夏好物</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 个护清洁 -->
                    <li class="nav_goods">
                        <div><a href="">个护清洁</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 母婴亲子 -->
                    <li class="nav_goods">
                        <div><a href="">母婴亲子</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 运动旅行 -->
                    <li class="nav_goods">
                        <div><a href="">运动旅行</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 数码家电 -->
                    <li class="nav_goods">
                        <div><a href="">数码家电</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 严选全球 -->
                    <li class="nav_goods">
                        <div><a href="">严选全球</a></div>
                        <div class="nav_goods_second">
                            <ul>
                                <li><div>男装</div></li>
                                <li><img src="../img/男士T恤.webp" alt=""><div>男士T恤</div></li>
                                <li><img src="../img/男士衬衫.webp" alt=""><div>男士衬衫</div></li>
                                <li><img src="../img/男士裤装.webp" alt=""><div>男士裤装</div></li>
                                <li><img src="../img/男士针织.webp" alt=""><div>男士针织</div></li>
                                <li><img src="../img/男士外套.webp" alt=""><div>男士外套</div></li>
                            </ul>
                            <ul>
                                <li><div>女装</div></li>
                                <li><img src="../img/女士T恤.webp" alt=""><div>女士T恤</div></li>
                                <li><img src="../img/女士衬衫.webp" alt=""><div>女士衬衫</div></li>
                                <li><img src="../img/女士裙装.webp" alt=""><div>女士裙装</div></li>
                                <li><img src="../img/女士半裙.webp" alt=""><div>女士半裙</div></li>
                                <li><img src="../img/女士裤装.webp" alt=""><div>女士裤装</div></li>
                            </ul>
                        </div>
                    </li>
                    <!-- 为你严选 -->
                    <li><div><a href="">为你严选</a></div></li>
                    <!-- 众筹 -->
                    <li><div><a href="">众筹</a></div></li>
                </ul>
            </div>    
        </div>

        <!-- 轮播图 -->
        <div class="lunbo">
            <div class="lunbo_images">
                <div><img src="../img/轮播1.webp" alt=""></div>
                <div><img src="../img/轮播2.webp" alt=""></div>
                <div><img src="../img/轮播3.webp" alt=""></div>
                <div><img src="../img/轮播4.webp" alt=""></div>
                <div><img src="../img/轮播5.webp" alt=""></div>
            </div>
        </div>

        <!-- 内容区 -->
        <div class="center">
            <!-- 热销榜 -->
            <div class="hot_outer">
                <ul class="hot_goods">
                    <li>- 热销榜 -</li>
                    <li><img src="../img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
                    <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
                    <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
                    <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
                    <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
                    <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
                    <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
                    <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
                    <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
                </ul>
            </div>
            <!-- 新品首发 -->
            <div class="new_goods">
                <div class="outer_center">
                    <!-- 新品首发标题 -->
                    <div class="new_goods_title">
                        <span class="goods_title_first">新品首发</span>
                        <span class="goods_title_second">为你寻觅世间好物</span>
                        <div class="goods_title_last">更多新品 ></div>
                    </div>
                    <!-- 新品首发内容 -->
                    <div class="new_goods_content">
                        <div>
                            <div class="img"></div>
                            <div class="bg">
                                <div class="bg_title">
                                    <span>特价</span>
                                    <span>换购</span>
                                </div>
                                <h4 class="bg_details">国潮养生系列 守护你的发际线，黑芝麻丸 100克</h4>
                                <div class="bg_price">
                                    <span>￥35</span>
                                    <span>￥39</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="img"></div>
                            <div class="bg">
                                <div class="bg_title">
                                    <span>特价</span>
                                </div>
                                <h4 class="bg_details">熨斗界的颜值担当，马卡龙电熨斗</h4>
                                <div class="bg_price">
                                    <span>￥79</span>
                                    <span>￥89</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="img"></div>
                            <div class="bg">
                                <div class="bg_title">
                                    <span>特价</span>
                                    <span>换购</span>
                                </div>
                                <h4 class="bg_details">国潮养生系列 让肺呼吸更畅快，润与茶 10克*12袋</h4>
                                <div class="bg_price">
                                    <span>￥78</span>
                                    <span>￥128</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="img"></div>
                            <div class="bg">
                                <div class="bg_title">
                                    <span>限时购</span>
                                    <span>满赠</span>
                                </div>
                                <h4 class="bg_details">春风嘟嘟球肉感飞机杯</h4>
                                <div class="bg_price">
                                    <span>￥139</span>
                                    <span>￥169</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 人气推荐 -->
            <div class="popular_goods">
                <div class="outer_center">
                    <!-- 人气推荐标题 -->
                    <div class="popular_goods_title">
                        <span class="goods_title_first">人气推荐</span>
                        <span class="popular_title_second">编辑推荐</span>
                        <span class="popular_title_third">热销总榜</span>
                        <span class="goods_title_last">更多推荐 ></span>
                    </div>
                    <!-- 人气推荐内容 -->
                    <div class="popular_goods_content">
                        <div class="popular_left"></div>
                        <div class="popular_right">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 限时购 -->
            <div class="time_to_buy">
                <div class="outer_center">
                    <!-- 限时购标题 -->
                    <div class="time_to_buy_title">
                        <div class="popular_goods_title">
                            <span class="goods_title_first">限时购</span>
                            <span class="goods_title_last">更多抢购 ></span>
                        </div>
                    </div>
                    <div class="time_to_buy_outer">
                        <div class="time_buy_left"></div>
                        <div class="time_buy_right">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 福利社 -->
            <div class="welfare_server">
                <div class="outer_center">
                    <!-- 福利社标题 -->
                    <div class="time_to_buy_title">
                        <div class="popular_goods_title">
                            <span class="goods_title_first">福利社</span>
                            <span class="goods_title_last">查看全部福利 ></span>
                        </div>
                    </div>
                    <!-- 福利社内容 -->
                    <div class="welfare_server_content">
                        <!-- 疯抢中 -->
                        <div class="welfare_server_left"></div>
                        <div class="welfare_server_right">
                            <!-- 今日特价 -->
                            <div class="welfare_server_today">
                                <div class="today_title">
                                
                                </div>
                                <div class="today_content">
                                    <div></div>
                                    <div></div>
                                    <div></div>
                                    <div></div>
                                </div>
                            </div>
                            <!-- 右侧量贩囤货 -->
                            <div class="welfare_server_stock">
                                <!-- 上部分 -->
                                <div class="stock_on">
                                    <div class="stovk_on_title"></div>
                                </div>
                                <!-- 下部分 -->
                                <div class="stock_on">
                                    <div class="stovk_on_title"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 居家生活 -->
            <div class="home_life">
                <div class="outer_center">
                    <!-- 居家生活标题 -->
                    <div class="popular_goods_title">
                        <span class="goods_title_first">居家生活</span>
                        <div class="home_life_item">
                            <span><a href="">口碑好物</a><span>/</span></span>
                            <span><a href="">主题床品</a><span>/</span></span>
                            <span><a href="">抑菌防螨</a><span>/</span></span>
                            <span><a href="">春夏好物</a><span>/</span></span>
                            <span><a href="">北欧原木</a><span>/</span></span>
                            <span><a href="">餐厨爆款清单</a><span>/</span></span>
                            <span><a href="">床品件套</a></span>
                            <span>查看更多 ></span>
                        </div>
                    </div>
                    <!-- 居家生活轮播图 -->
                    <div class="home_life_lunbo">

                    </div>
                    <!-- 居家生活内容 -->
                    <div class="home_life_content">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </div>

            <!-- 底部 -->
            <div class="yx_bottom">
                <!-- 底部上部分 -->
                <div class="yx_bottom_on">
                    <div class="outer_center">
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <!-- 底部上部分 -->
                <div class="yx_bottom_under">
                    <div class="outer_center">
                        <!-- 品质保证 -->
                        <div class="bottom_under_on">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                        <!-- 底部详情 -->
                        <div class="bottom_details">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>






